<!DOCTYPE html>
<html>
<head>
    <title>Clear Local Storage</title>
</head>
<body>
    <h1>Clear Local Storage</h1>
    <button onclick="clearStorage()">Clear Token</button>
    <button onclick="checkStorage()">Check Storage</button>
    <div id="result"></div>
    <script>
        function clearStorage() {
            localStorage.removeItem('authToken');
            document.getElementById('result').innerHTML = '<p>Token cleared from local storage</p>';
        }
        
        function checkStorage() {
            const token = localStorage.getItem('authToken');
            const resultDiv = document.getElementById('result');
            if (token) {
                resultDiv.innerHTML = `<p>Found token: ${token}</p>`;
            } else {
                resultDiv.innerHTML = '<p>No token found in local storage</p>';
            }
        }
        
        // Check storage on page load
        checkStorage();
    </script>
</body>
</html>